<!DOCTYPE html>
<html lang="zh-cn" id="extr-page">
	<head>
		<meta charset="utf-8">
		<title>djh</title>
		<meta name="description" content="djh">
		<meta name="author" content="dujinhao">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		
		<!-- #CSS Links -->
		<!-- Basic Styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="#(ContextPath)/view/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="#(ContextPath)/view/css/font-awesome.min.css">

		<!-- SmartAdmin Styles : Caution! DO NOT change the order -->
		<link rel="stylesheet" type="text/css" media="screen" href="#(ContextPath)/view/css/smartadmin-production.min.css">
		<link rel="stylesheet" type="text/css" media="screen" href="#(ContextPath)/view/css/smartadmin-skins.min.css">

		<!-- SmartAdmin RTL Support -->
		<link rel="stylesheet" type="text/css" media="screen" href="#(ContextPath)/view/css/smartadmin-rtl.min.css"> 

		<!-- #FAVICONS -->
		<link rel="shortcut icon" href="#(ContextPath)/view/img/favicon/favicon.ico" type="image/x-icon">
		<link rel="icon" href="#(ContextPath)/view/img/favicon/favicon.ico" type="image/x-icon">
		
	</head>
	
	<body class="animated fadeInDown">

		<header id="header">

			<div id="logo-group">
				<span id="logo"> <img src="#(ContextPath)/view/img/logo.png" alt="SmartAdmin"> </span>
			</div>

			<span id="extr-page-header-space"> <span class="hidden-mobile hidden-xs">Need an account?</span> <a href="register.html" class="btn btn-danger">Create account</a> </span>

		</header>

		<div id="main" role="main">

			<!-- MAIN CONTENT -->
			<div id="content" class="container">

				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-7 col-lg-8 hidden-xs hidden-sm">
						<h1 class="txt-color-red login-header-big">SmartAdmin</h1>
						<div class="hero">

							<div class="pull-left login-desc-box-l">
								<h4 class="paragraph-header">It's Okay to be Smart. Experience the simplicity of SmartAdmin, everywhere you go!</h4>
								<div class="login-app-icons">
									<a href="javascript:void(0);" class="btn btn-danger btn-sm">Frontend Template</a>
									<a href="javascript:void(0);" class="btn btn-danger btn-sm">Find out more</a>
								</div>
							</div>
							
							<img src="#(ContextPath)/view/img/demo/iphoneview.png" class="pull-right display-image" alt="" style="width:210px">

						</div>

						<div class="row">
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
								<h5 class="about-heading">About SmartAdmin - Are you up to date?</h5>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
								</p>
							</div>
							<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
								<h5 class="about-heading">Not just your average template!</h5>
								<p>
									Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi voluptatem accusantium!
								</p>
							</div>
						</div>

					</div>
					<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
						<div class="well no-padding">
							<form action="login/login" id="login-form" class="smart-form client-form">
								<header>
									登录
								</header>

								<fieldset>
									
									<section>
										<label class="label">用户</label>
										<label class="input"> <i class="icon-append fa fa-user"></i>
											<input type="text" name="useroremail">
											<b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i>请输入您的邮箱或者用户名</b></label>
									</section>

									<section>
										<label class="label">密码</label>
										<label class="input"> <i class="icon-append fa fa-lock"></i>
											<input type="password" name="password">
											<b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i>请输入您的密码</b> </label>
										<div class="note">
											<a href="forgotpassword.html">忘记密码？</a>
										</div>
									</section>

									<section>
										<label class="checkbox">
											<input type="checkbox" name="remember" checked="">
											<i></i>保持登录状态</label>
									</section>
								</fieldset>
								<footer>
									<button type="submit" class="btn btn-primary">
										确定
									</button>
								</footer>
							</form>

						</div>
						
						<h5 class="text-center"> - Or sign in using -</h5>
															
							<ul class="list-inline text-center">
								<li>
									<a href="javascript:void(0);" class="btn btn-primary btn-circle"><i class="fa fa-facebook"></i></a>
								</li>
								<li>
									<a href="javascript:void(0);" class="btn btn-info btn-circle"><i class="fa fa-twitter"></i></a>
								</li>
								<li>
									<a href="javascript:void(0);" class="btn btn-warning btn-circle"><i class="fa fa-linkedin"></i></a>
								</li>
							</ul>
						
					</div>
				</div>
			</div>

		</div>

		<!--================================================== -->	

	    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	    <script src="#(ContextPath)/view/js/libs/jquery-2.1.1.min.js"></script>

		<!-- IMPORTANT: APP CONFIG -->
		<script src="#(ContextPath)/view/js/app.config.seed.js"></script>

		<!-- BOOTSTRAP JS -->		
		<script src="#(ContextPath)/view/js/bootstrap/bootstrap.min.js"></script>

		<!-- MAIN APP JS FILE -->
		<script src="#(ContextPath)/view/js/app.seed.js"></script>

	</body>
</html>